Skip to content

feat(@angular-devkit/build-angular): support component style budgets in esbuild builders#25976

Merged
alan-agius4 merged 1 commit intoangular:mainfrom
clydin:esbuild/budgets-component-styles
Oct 9, 2023
Merged

feat(@angular-devkit/build-angular): support component style budgets in esbuild builders#25976
alan-agius4 merged 1 commit intoangular:mainfrom
clydin:esbuild/budgets-component-styles

Conversation

@clydin
Copy link
Copy Markdown
Member

@clydin clydin commented Oct 6, 2023

The anyComponentStyle budget type is now supported when using bundle budgets in the esbuild-based builders (browser-esbuild/application). The configuration and behavior are intended to match that of the Webpack-based builder (browser). With this addition, the bundle budget feature is now at feature parity with the Webpack-based builder. The implementation of this budget type requires less code than the Webpack implementation due to the component stylesheet information being present in the application's output metadata. This removes the need for a custom budget plugin to extract the stylesheet size information during the build.

@clydin clydin added the target: major This PR is targeted for the next major release label Oct 6, 2023
@angular-robot angular-robot bot added the detected: feature PR contains a feature commit label Oct 6, 2023
@clydin clydin added the action: review The PR is still awaiting reviews from at least one requested reviewer label Oct 6, 2023
@clydin clydin requested a review from alan-agius4 October 6, 2023 21:18
…in esbuild builders

The `anyComponentStyle` budget type is now supported when using bundle budgets in the esbuild-
based builders (`browser-esbuild`/`application`). The configuration and behavior are intended
to match that of the Webpack-based  builder (`browser`). With this addition, the bundle budget
feature is now at feature parity with the Webpack-based builder.
The implementation of this budget type requires less code than the Webpack implementation due
to the component stylesheet information being present in the application's output metadata. This
removes the need for a custom budget plugin to extract the stylesheet size information during the build.
@clydin clydin force-pushed the esbuild/budgets-component-styles branch from 84723d3 to b92497f Compare October 8, 2023 15:33
Copy link
Copy Markdown
Collaborator

@alan-agius4 alan-agius4 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

So much simpler with Esbuild!

@alan-agius4 alan-agius4 added action: merge The PR is ready for merge by the caretaker and removed action: review The PR is still awaiting reviews from at least one requested reviewer labels Oct 9, 2023
@alan-agius4 alan-agius4 merged commit 9e42530 into angular:main Oct 9, 2023
@clydin clydin deleted the esbuild/budgets-component-styles branch October 9, 2023 14:12
@angular-automatic-lock-bot
Copy link
Copy Markdown

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Nov 9, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

action: merge The PR is ready for merge by the caretaker detected: feature PR contains a feature commit target: major This PR is targeted for the next major release

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants